{{- if .Site.DisqusShortname }}
{{ template "_internal/disqus.html" . }}
{{- end }}

{{- if .Params.comments }}

<!-- 评论 -->
<h3>留言区:</h3>
<div id="vcomments"></div>
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
<script>
	new Valine({
		el: '#vcomments',
		appId: 'nIUuTo6MCv9mJU42zIWFhCDO-gzGzoHsz',
		appKey: 'IXemGH6f55ja7Ma2XTEU0y5a',
		notify: false,
		verify: false,
		avatar: 'mp',
		placeholder: '说点什么吧'
	});

</script>
<style>
	#comments-loader {
		text-align: center;
		font-size: 2.5em;
		margin-top: 2.5em
	}

	#comments-loader svg {
		animation-duration: 1.2s
	}

	#comments {
		margin-top: 3em
	}

	#comments * {
		color: #c6cddb;
		line-height: 1.5
	}

	#comments .vcontrol {
		letter-spacing: normal
	}

	#comments .vbtn {
		background-color: #7d828a
	}

	#comments .vwrap {
		border: 2px solid #c6cddb
	}

	#comments .vwrap input {
		border-bottom-width: 2px
	}

	#comments .vsys {
		background-color: #7d828a;
		opacity: .5
	}

	#comments .vat:hover {
		color: #018574
	}

	#comments .vh {
		border-bottom: none
	}

	#comments .vh .vquote {
		border-left: 3px dotted #979ca5
	}

	#comments .vcontent {
		padding: 0
	}

	#comments .vcontent code {
		margin: 0 4px;
		color: #eee;
		background: #7d828a
	}

	#comments .vcontent pre {
		color: #eee;
		background: #2c3e50;
		padding: 1em 1.5em;
		border-radius: 5px
	}

	#comments .vcontent pre code {
		background: #2c3e50
	}

</style>

{{ end }}
